           
           
           @media (max-width:1350px){
                .fluid{
                    width: 100%;
                    padding:0px 15px;
                }
            }
           
            @media(min-width:1025px){
                header .menu{
                    display: block;
                }
                header .menu ul{
                    display: block !important;
                }
                
            }
            @media(max-width:1024px){
                header{
                    padding:0px 20px;
                }
                header .box{
                    padding: 15px 12%;
                }
                header .menu{
                    width: 100%;
                    top:50%;
                    transform: translate(-50%,-50%);
                    
                }
                header .menu.enter{
                    height: 60px;
                    position: fixed;
                }
                header .menu>*{
                    z-index: 20;
                }
                header .menu::before{
                    content: '';
                    width: 250vh;
                    height: 250vh;
                    top: 0px;
                    left: 50%;
                    position: fixed;
                    margin-top:calc(-125vh + 30px);
                    margin-left: -125vh;
                    transform: scale(0);
                    border-radius: 50%;
                    transition: transform .5s cubic-bezier(0.19, 1, 0.22, 1) 375ms;
                }
                header .menu.active::before{
                    transform: scale(1);
                }
                header .menu .menuBtn{
                    display: block;
                }
                .mobileDevice header .menu ul i{
                    display: none;
                }
                header .menu.active .menuBtn i{
                    margin-top: 0px;
                }
                header .menu.active .menuBtn i.hidden{
                    display: none;
                }
                header .menu.active .menuBtn i{
                    transition: transform 375ms cubic-bezier(0.19, 1, 0.22, 1);
                }
                header .menu.active .menuBtn i:first-child{ 
                    transform: rotate(45deg);
                }
                header .menu.active .menuBtn i:last-child{
                    transform: rotate(-45deg);
                }
                header .menu ul{
                    margin-top: auto;
                    margin-bottom: auto;
                    padding: 20px;
                    position: fixed;
                    height: calc(100vh - 60px);
                    top: 60px;
                    flex-direction: column;
                    justify-content: center;
                    width: 100%;
                }
                header .menu ul.enter-to{
                    opacity: 0;
                }
                header .menu ul.enter{
                    transition-delay:.5s;
                }
                header .menu ul.enter,
                header .menu ul.leave{
                    transition-duration:375ms;
                    transition-property: opacity;
                }
                header .menu ul li{
                    float: initial;
                    text-align: center;
                }
                header .menu ul li,
                header .menu ul li>*{
                    line-height: 40px;
                }
                header .menu ul i{
                    margin-left: 0px;
                }
                .mobileDevice header .menu ul .wavePic,
                .mobileDevice header .menu ul .line{
                    display: block;
                }
                .mobileDevice header .menu ul .wavePic{
                    padding-top: 0px;
                    margin-bottom: 40px;
                }
                header .menu ul .line{
                    margin-top: 40px;
                }
            }
           
            @media(max-width:767px){
                footer nav ul{
                    display: block;
                }
                footer nav ul i{
                    display: none;
                }
                footer nav ul li{
                    padding:10px 0px;
                }
                footer nav p span:last-child{
                    margin-left: 0px;
                    display: block;
                    margin-top: 10px;
                }
            }
            @media (max-width:600px){
                .fluid{
                    padding: 0px 8vw;
                }
                header nav{
                    height: 60px;
                    display: flex;
                }
                header .logo{
                    margin: auto 0px;
                }
            }